<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ taglib prefix="user" uri="/WEB-INF/tlds/userName.tld" %>
<%@ taglib prefix="handle" uri="/WEB-INF/tlds/handleMsg.tld" %>
<html>
<head>
<meta name="decorator" content="sysDefault" />
<script type="text/javascript" src="${staticPath}/lib/jquery/1.10.2/jquery.js"></script>
<script type="text/javascript">
document.onreadystatechange = subSomething;//当页面加载状态改变的时候执行这个方法.
function subSomething() {
	if(document.readyState=='complete') {
		$(window.parent.document).find("#diagram_iframe").load(function(){
			var ifm= window.parent.document.getElementById("diagram_iframe");
		    ifm.height = ${bpmDefLayout.height}+100;
		});
	}
 };
</script>
</head>
<body>
	<div class="container-fluid">
		<div class="row">
			<div class="col-xs-12">
				 <!-- 流程图展示DIV -->
		   		 <div style="margin-top:20px;position:relative;background:url('${contextPath}/bpm/workflow/bpmImage?defId=${defId}&instanceId=${instanceId}') no-repeat;width:${bpmDefLayout.width}px;height:${bpmDefLayout.height}px;">
				 	<c:forEach var="layout" items="${bpmDefLayout.listLayout}">
						<div class="flowNode" id="${layout.nodeId}" style="position:absolute;left:${layout.x}px;top:${layout.y}px;width:${layout.width}px;height:${layout.height}px;" name="${layout.name}" nodetype="${layout.nodeType}"></div>
					</c:forEach> 
				 </div>
			</div>
		</div>
	</div>
</body>
</html>